<template>
  <div>
    <a :href="url">去vue_cli</a>
    <!-- 动态属性 -->
   <!-- 语法v-bind:属性名="变量" -->
    <img v-bind:src="imgUrl" alt="">
    <a v-bind:href="url">去vue_cli</a>
  </div>
</template>

<script>
//vue组件对象
export default {
  //在调试工具中看到名字
  name: 'CodeApp',

  data() {//vue 组件中的固定写法，专门用于定义变量
    return {
      //key就是变量名，value就是变量值
      url:'https://router.vuejs.org/zh/guide/#javascript',
      imgUrl:'https://bkimg.cdn.bcebos.com/pic/cc11728b4710b912c8fc8b87a4b7eb039245d688843a?x-bce-process=image/resize,m_lfit,w_536,limit_1/format,f_jpg'
    };
  },

  mounted() {
    
  },

  methods: {
    
  },
};
</script>

<style>

</style>